<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>最世界</title>
	<link rel="stylesheet" type="text/css" href="./stylesheets/style.css">
	<link rel="stylesheet" type="text/css" href="./stylesheets/swiper-3.4.1.min.css">
	<link rel="stylesheet" type="text/css" href="./stylesheets/jquery-tab.css">
</head>
<body>
	<header>
		<div id="header">
			<a class="home_logo"></a>
			<div class="home_headCla">
				<ul>
					<li class="home_headTit">目的地</li>
					<li class="home_headTit">锦囊</li>
					<li class="home_headTit">行程助手</li>
					<li class="home_headTit">社区<span class="arrB"></span></li>
					<li class="home_headTit home_headSpe">最世界·自由行</li>
					<li class="home_headTit">机票</li>
					<li class="home_headTit">酒店</li>
					<li class="home_headTit">预定<span class="arrB"></span></li>
				</ul>
			</div>
			<div class="home_headRight">
				<ul class="home_logreg">
					<li class="home_logList qq">
						<a href="##"></a>
					</li>
					<li class="home_logList sina">
						<a href="##"></a>
					</li>
					<li class="home_logList weixin">
						<a href="##"></a>
					</li>
					<li class="home_logList login">
						<a href="##">注册</a>
					</li>
					<li class="home_logList reg">
						<a href="##">登陆</a>
					</li>
				</ul>
				<p class="home_headSearch"></p>
			</div>
		</div>
	</header>
	<div id="home_search">
		<div class="home_contentIn">
			<div class="home_searchBar">
				<input type="text" placeholder="搜索国家、城市、产品" id="home_searchCon">
				<span class="home_verBar"></span>
				<p class="home_searchBtn">
					<span class="home_searchLogo"></span>搜索
				</p>
			</div>
			<div class="home_searchApp">
				<a href="##" class="home_app">
					<p class="icons">
						<span class="home_appIcons"></span>
					</p>
					<p class="text">APP</p>
				</a>
			</div>
		</div>
	</div>
	<div id="home_tit">
		<div class="home_contentIn">
			<ul>
				<li class="home_ban_tit home_ban_titspe1"><a href="##">首页</a></li>
				<li class="home_ban_tit"><a href="##">机酒自由行</a></li>
				<li class="home_ban_tit home_ban_titspe2"><a href="##">城市玩乐</a></li>
				<li class="home_ban_tit"><a href="##">签证</a></li>
				<li class="home_ban_tit"><a href="##">租车自驾</a></li>
				<li class="home_ban_tit"><a href="##">邮轮</a></li>
				<li class="home_ban_tit"><a href="##">海岛游</a></li>
				<li class="home_ban_tit"><a href="##">限时特卖</a></li>
				<li class="home_ban_tit"><a href="##">特色线路</a></li>
				<li class="home_ban_tit"><a href="##">CityWalk</a></li>
			</ul>
		</div>
	</div>
	<div id="home_banner" class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<img src="./images/14884491323004.jpg">
			</div>
			<div class="swiper-slide">
				<img src="./images/14890486145331.jpg">
			</div>
		</div>
		<div class="swiper-pagination"></div>
		<div class="swiper-button-prev"></div>
    	<div class="swiper-button-next"></div>
		<div class="home_menu">
			<ul class="home_menuLeft">
				<script type="text/html" id="menuTmp">
					<%for(var i=0;i<data.length;i++){%>
						<li class="home_menu_list">
							<span class="home_menu_logo"></span>
							<div class="home_menu_loc">
								<h2 class="home_menu_tit"><%=data[i].title%></h2>
								<p>
									<%for(var j=0;j<data[i].mainCity.length;j++){%>
										<a href="##" class="home_menu_mCity"><%=data[i].mainCity[j]%><span></span></a>
									<%}%>
								</p>
							</div>
							<span class="home_menu_arrR"></span>	
						</li>
					<%}%>
				</script>
			</ul>
			<div class="home_menuRight">
				
			</div>
		</div>	
	</div>
	<div class="home_show">
		<div class="home_contentIn">
			<a href="##" class="home_showInner">
				<img src="./images/14877586945516.jpg">
			</a>
			<a href="##" class="home_showInner">
				<img src="./images/14878317831388.jpg">
			</a>
			<a href="##" class="home_showInner">
				<img src="./images/14890407637440.jpg">
			</a>
			<a href="##" class="home_showInner">
				<img src="./images/ad4.jpg">
			</a>
		</div>
	</div>
	<div class="home_speOffer">
		<div class="home_contentIn">
			<div class="home_title">
				<span class="home_titBig">限时特卖</span>
				<span home_titSpe>每日必看的特价精选</span>
				<span class="home_change"> 换一换</span>
			</div>
			<div class="home_speShow">
				<a href="##" class="home_showInner">
					<div class="home_showPic" style="background:url(./images/1202.jpg) no-repeat 0 0/auto 120px;"></div>
					<p class="home_showTit">上海/广州/北京/香港直飞塞班岛5-7天自由行(3-5星酒店任选/赠接送机/含税/无须支付小费)</p>
					<p class="home_showPri">2599<span>元起</span></p>
				</a>
				<a href="##" class="home_showInner">
					<div class="home_showPic" style="background:url(./images/1203.jpg) no-repeat 0 0/auto 120px;"></div>
					<p class="home_showTit">上海/广州/北京/香港直飞塞班岛5-7天自由行(3-5星酒店任选/赠接送机/含税/无须支付小费)</p>
					<p class="home_showPri">2299<span>元起</span></p>
				</a>
				<a href="##" class="home_showInner">
					<div class="home_showPic" style="background:url(./images/1204.jpg) no-repeat 0 0/auto 120px;"></div>
					<p class="home_showTit">上海/广州/北京/香港直飞塞班岛5-7天自由行(3-5星酒店任选/赠接送机/含税/无须支付小费)</p>
					<p class="home_showPri">999<span>元起</span></p>
				</a>
			</div>
		</div>
	</div>
	<div class="home_free">
		<div class="home_contentIn">
			<div class="home_title">
				<span class="home_titBig">机酒自由行</span>
				<span home_titSpe>精选全球最优质机票、酒店、邮轮等旅行产品</span>
				<ul class="home_free_menu z-tab" id="home_free_menu">
					<li class="home_free_tit">
						<a href="##">今日热卖</a>
					</li>
					<li class="home_free_tit">
						<a href="##">新品特惠</a>
					</li>
					<li class="home_free_tit">
						<a href="##">闪购</a>
					</li>
					<li class="home_free_tit">
						<a href="##">假期出行</a>
					</li>
					<li class="home_free_tit">
						<a href="##">超值机票</a>
					</li>
					<li class="home_free_tit">
						<a href="##">热门海岛</a>
					</li>
					<li class="home_free_tit">
						<a href="##">低价甩尾</a>
					</li>
				</ul>
			</div>
			<div id="home_detShow">
				<script type="text/html" id="showTmp">
					<%for( var i=0;i<data.length;i++){%>
						<ul class="home_detShow">
							<%for(var j=0;j<data[i].data.length;j++){%>	
								<li class="home_detTips">
									<a href="##">
										<div class="home_detPic" style="background:url(<%=data[i].data[j].imgUrl%>) no-repeat 0 0">
											<div class="home_detPri">
												<div class="home_detType">机票</div>
												<div class="home_detMoney"><span><%=data[i].data[j].price%></span>元起</div>
											</div>
										</div>
										<div class="home_detTit">
											<div>
												<p><%=data[i].data[j].title%></p>
												<p class="home_detTit_time"><%=data[i].data[j].time%></p>
											</div>
										</div>
									</a>
								</li>
							<%}%>
							<div class="home_more">

							</div>
						</ul>
					<%}%>
				</script>
			</div>	
		</div>
	</div>
</body>
<script type="text/javascript" src="./javascripts/jquery-1.11.2.js"></script>
<script type="text/javascript" src="./javascripts/swiper-3.4.1.min.js"></script>
<script type="text/javascript" src="./javascripts/baiduTemplate.js"></script>
<script type="text/javascript" src="./javascripts/jquery-tab.js"></script>
<script type="text/javascript" src="./javascripts/zsj.js"></script>
</html>